<template>
	<view class="vaccination-list">
		<view class="month-age">1月龄</view>
		<view class="vaccination-item">	
			<view class="vaccination-item-left">
				<span class="vaccination-title">卡介苗</span>&nbsp;&nbsp;
				<span class="vaccination-times">第一次</span>
				<br>
				<text class="vaccination-intro">预防结合病</text>
			</view>
			<view class="vaccination-item-right">
				<button class="sign-button" plain="true"><text class="sign-vaccination">+ 标记接种</text></button>
			</view>	
		</view>
		<view class="vaccination-item">	
			<view class="vaccination-item-left">
				<span class="vaccination-title">卡介苗</span>&nbsp;&nbsp;
				<span class="vaccination-times">第二次</span>
				<br>
				<text class="vaccination-intro">预防结合病</text>
			</view>
			<view class="vaccination-item-right">
				<button class="sign-button" plain="true"><text class="sign-vaccination">+ 标记接种</text></button>
			</view>	
		</view>
		
	</view>
	<view class="vaccination-list">
		<view class="month-age">2月龄</view>
		<view class="vaccination-item">	
			<view class="vaccination-item-left">
				<span class="vaccination-title">卡介苗</span>&nbsp;&nbsp;
				<span class="vaccination-times">第一次</span>
				<br>
				<text class="vaccination-intro">预防结合病</text>
			</view>
			<view class="vaccination-item-right">
				<button class="sign-button" plain="true"><text class="sign-vaccination">+ 标记接种</text></button>
			</view>	
		</view>
		<view class="vaccination-item">	
			<view class="vaccination-item-left">
				<span class="vaccination-title">卡介苗</span>&nbsp;&nbsp;
				<span class="vaccination-times">第一次</span>
				<br>
				<text class="vaccination-intro">预防结合病</text>
			</view>
			<view class="vaccination-item-right">
				<button class="sign-button" plain="true"><text class="sign-vaccination">+ 标记接种</text></button>
			</view>	
		</view>
		
	</view>
	
</template>

<script setup>
	
</script>

<style scoped>
page{
	background-color: #f2f2f2;
}

.month-age{
	font-size: 30rpx;
	color: #666EE8;
	margin-left: 20rpx;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
	
}
.vaccination-list{
	background-color: #fff;
	margin-top: 20rpx;
}
.vaccination-item{
	margin: 10rpx 20rpx;
	border-bottom: 4rpx solid #f2f2f2;
	display: flex;
	justify-content: space-between;  
}
.vaccination-item-left{

}

.vaccination-times{
	color: #999999;
	font-size: 26rpx;
}
.vaccination-intro{
	font-size: 28rpx;
	line-height: 60rpx;
}
.vaccination-item-right{
	margin-top: 15rpx;
}
.sign-button {
	width: 100px;
	height: 30px;
	line-height: 60rpx;
	font-size: 14px;
	color: #666EE8;
	border-color: #666EE8;
	margin: 0;
	padding: 0;
	text-align: center;
}	   
.sign-vaccination{
	
}   
</style>
